<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="edu.uclm.esi.tysw.podtube.domain.Usuario, org.json.simple.JSONObject, 
	org.json.simple.parser.JSONParser, org.json.simple.parser.ParseException" %>
	
<!DOCTYPE html>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="sx" uri="/struts-dojo-tags" %>
<html>
<head>
	<script type="text/javascript" src="scripts/IniciarSesion.js"></script>
	<script type="text/javascript">
		extArray = new Array(".mp3");
		function LimitAttach(form, file) {
		allowSubmit = false;
		if (!file) return;
		while (file.indexOf("\\") != -1)
		file = file.slice(file.indexOf("\\") + 1);
		ext = file.slice(file.indexOf(".")).toLowerCase();
		for (var i = 0; i < extArray.length; i++) {
		if (extArray[i] == ext) { allowSubmit = true; break; }
		}
		if (allowSubmit) form.submit();
		else
		alert("Se permiten únicamente archivos con la extensión: " 
		+ (extArray.join("  ")) + "\nPor favor, seleccione otro archivo "
		+ "e intente de nuevo.");
		}
	</script>
	<sx:head/>
	<meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
	<title>Podtube - Déjate oír</title>
<%
	Usuario user=(Usuario) session.getAttribute("user");
	String query=request.getParameter("query");
	if (query!=null) {
		JSONParser parser=new JSONParser();
		JSONObject jUser=(JSONObject) parser.parse(query);
		String email=(String) jUser.get("email");
		String pwd=(String) jUser.get("pwd");
		user=new Usuario(email, pwd);
		session.setAttribute("user", user);
	}
%>
</head>
<body>
	<% if (user==null) { %>
		<jsp:include page="headerNoConectado.jsp"/>
	<% } else { %>
		<jsp:include page="headerConectado.jsp"/>
	<% } %>
   
     <sx:tabbedpanel id="tabContainer">
        <sx:div label="Explora">
        	Explorar contenidos<br>
        		Tal y cual
        </sx:div>
        <sx:div label="Sube tus audios">
        	<% if (user==null) { %>
        		Necesitas estar registrado para subir audios. <br>
        		Hazte usuario si no lo eres o identifícate
        	<%} else { %>
				<s:form action="SubirAudio" method="post" enctype="multipart/form-data">
					<s:file name="upload" label="Selecciona el audio"/>
					<s:submit value="Submit"/>
				</s:form>
				<form method="post" name="upform" action="cgi-bin/tu-script.cgi"
					enctype="multipart/form-data">
  					<p><input type="file" name="uploadfile"> <input type="button" name="Submit" value="Enviar"
  					onclick="LimitAttach(this.form, this.form.uploadfile.value)"> 
  					</p>
				</form>
			<%} %>
		 </sx:div>
     </sx:tabbedpanel>
</body>
</html>